<template>
  <div style="color: #666;font-size: 14px;">
    <div style="padding-bottom: 20px">
      <b>您好！{{ user.nickname }}</b>
    </div>
    <el-card>
      欢迎使用本系统
      <el-divider />
    </el-card>
    <div class="echartBox"><Zhe></Zhe>
    <San></San></div>

    <bing></bing>
  </div>
</template>

<script>
import Zhe from './components/echarts/zhe' // 折线图
import San from './components/echarts/san' // 散点图
import Bing from './components/echarts/bing.vue' // 饼图
export default {
   components: {
    Zhe,
    San,
    Bing,
  },
  name: "Home",
  data() {
    return {
      user: localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {}
    }
  }
}
</script>
<style>
.echartBox{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}
</style>
